
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import '@/router/permission'// 只是为了让webpack一并打包,执行里面的路由前置守卫,而且也没有导出,所以不用路由接收
import store from './store'
import 'amfe-flexible'
import { Image, Button, Tag, NavBar, Form, Field, CellGroup, Tabbar, TabbarItem, Icon, Tab, Tabs, Cell, List, PullRefresh, ActionSheet, Popup, Row, Col, Badge, Search, Divider, Dialog, DatetimePicker, Loading, Lazyload } from 'vant'
// import hljs from 'highlight.js' // hljs对象
import './clearLog'
import 'highlight.js/styles/default.css' // 代码高亮的样式
import directive from '@/utils/directive.js'

Vue.use(Lazyload)// 图片懒加载
Vue.use(Loading)// Loading 加载
Vue.use(DatetimePicker)// 事件选择
Vue.use(directive)// 焦点封装
Vue.use(Dialog)// 弹出层

Vue.use(Divider)// 分割线组件

Vue.use(Image)
Vue.use(Tag)
Vue.use(Search)// 搜索组件
Vue.use(Badge)
Vue.use(Row)
Vue.use(Col)//

Vue.use(Popup)// 弹出层
Vue.use(ActionSheet)// ActionSheet 动作面板
Vue.use(PullRefresh)// 下拉插件
// List文章列表,加载更多
Vue.use(List)
Vue.use(Cell)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Icon)

Vue.use(Tabbar)
Vue.use(TabbarItem)

Vue.use(Form)
Vue.use(Field)
Vue.use(CellGroup)
Vue.use(NavBar)
Vue.use(Button)
Vue.config.productionTip = false

// 注册高亮代码-自定义指令
// Vue.directive('highlight', function (el) { // 自定义一个代码高亮指令
//   const highlight = el.querySelectorAll('pre, code') // 获取里面所有pre或者code标签
//   highlight.forEach((block) => {
//     hljs.highlightElement(block) // 突出显示这些标签(以及内部代码, 会自动识别语言)
//   })
// })
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
